<template>
    <div class="admin-index">
        <el-container>
            <el-header class="header"><a-header></a-header></el-header>
            <el-container>
                <el-aside width="200px"><Menu></Menu></el-aside>
                <el-main style="padding: 20px 30px">
                    <span class="index-blog"><a href="/" target="_blank"><i class="iconfont icon-youjiantou" style="margin-right: 5px"></i>前往博客首页</a></span>
                    <router-view>
                    </router-view>
                </el-main>
            </el-container>
        </el-container>
    </div>
</template>

<script>
    import aHeader from "../aHeader/aHeader";
    import Menu from "../aLeft/adminMenu";
    export default {
        name: "index",
        components:{
            aHeader,
            Menu
        },
        mounted() {

        }
    }
</script>

<style>
    .index-blog{
        padding-bottom: 5px;;
    }
    .index-blog a{
        color: #333333;
        text-decoration: none;
    }
    .index-blog a:hover{
        color: #4cacfe;
    }

    .admin-index{
        font-family: "Ubuntu", "Roboto", "Open Sans", "Microsoft YaHei", sans-serif;
        font-weight : 400;
    }
    .admin-index .el-header{
        background-color: #7ed1c9;
        color: #333;
        text-align: center;
        line-height: 60px;
    }

    .admin-index  .el-aside {
        background-color: #7ed1c9;
        color: #333;
        text-align: center;
        line-height: 200px;
    }

    .admin-index  .el-main {
        color: #333;
        text-align: left;
    }
</style>